<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
		<link rel="stylesheet" type="text/css" href="lib/yui/menu/assets/skins/sam/menu.css"> 
		<script language="JavaScript" src="lib/yui/yahoo-dom-event/yahoo-dom-event.js"></script>
		<script language="JavaScript" src="lib/yui/dragdrop/dragdrop-min.js"></script>
		<script language="JavaScript" src="lib/yui/container/container_core-min.js"></script>
		<script language="JavaScript" src="lib/yui/menu/menu-min.js"></script>
		<script language="JavaScript" src="lib/yui/json/json-min.js"></script>
		<script language="JavaScript" src="GMapsDD.js"></script>
		<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA6ST7v-JMPGAdmEyTM7WcMhRi_j0U6kJrkFvY4-OX2XYmEAa76BQgL4ITaUFn0uP5WdNMPGZ6fiCMBg&sensor=false" type="text/javascript"></script>
		

		<script language="JavaScript">
		
			YAHOO.util.Event.onDOMReady( function() {
				try {
					obj = new GMapsDD( 'div1', new GLatLng( 37.4419, -122.1419 ), 13);
					//console.debug( 'json', obj.serialize() );
				} catch( e ) {
					console.debug( e );
				}
			});
		</script>
		<style type="text/css">
			#div1 {
				width	: 500px;
				height	: 300px;
				border	: 1px solid #808080;
			}
			.ddknob { 
				cursor			: move;
				width			: 20px;
				height			: 20px;
				background	: #000;
				position			: absolute;
				top				: -20px;
				left				: -1px;
			}
			#div2 {
				width	: 500px;
				height	: 300px;
				border	: 1px solid Red;
			}
		</style>
    </head>
    <body class="yui-skin-sam">
        <div id='div1'></div>
		 <div id='div2'></div>
    </body>
</html>
